<template>
    <div class="VantSidebar">
        <van-cell is-link @click="showPopup">展示弹出层
           <van-popup v-model="show" position="middle" closeable close-icon-position="top-left" >内容
            <van-sidebar v-model="activeKey">
              <van-sidebar-item title="标签名称" dot />
              <van-sidebar-item title="标签名称" info="5" />
              <van-sidebar-item title="标签名称" info="99+" />
            </van-sidebar>
           </van-popup>
         </van-cell>
    </div>
</template>

<script>
    import {Popup,Sidebar,SidebarItem} from 'vant'
    export default {
        name: "sidebar",
        components:{
            'van-sidebar':Sidebar,
            'van-sidebar-item':SidebarItem,
            'van-popup':Popup
        },
        data(){
            return{
                show: false,
                activeKey: 0
            }
        },
        methods:{
            showPopup() {
              this.show = true;
            }
        }
    }
</script>

<style scoped>

</style>